<!DOCTYPE html>
<html>
<head lang="zh-CN">
    <meta charset="UTF-8">
    <title>我要升级VIP</title>
    <script type="text/javascript" src="js/pageLoadBefore.js"></script>
    <link rel="stylesheet" href="css/style.css"/>
    <style>
        #fixedCallW {
            width: 100%;
            height: 100%;
            position: fixed;
            z-index: 1000;
            top: 0;
            left: 0;
            padding: 100px 0 0 72px;
            margin: 0;
            background-color: rgba(0, 0, 0, 0.2);
        }

        #fixedCall {
            width: 546px;
            height: 369px;
            margin: auto;
            position: relative;
        }
    </style>
</head>
<body onload="upVIP();">
<!--顶部-->
<div class="topBar ub ub-ae MainBC">
    <div class="logo"></div>
    <div class="ub path"><a>首页</a><span> > </span><a>用户中心</a><span> > </span><span>我要升级VIP</span></div>
    <div class="ub-f"></div>
    <div class="ub ub-ac pExit">
        <div class="exit"></div>
        <div>退出登录</div>
    </div>
</div>
<!--浮标-->
<div class="fixedSub">
    <div class="icon icon-top" onclick="toTop();"></div>
    <div class="icon icon-phone"></div>
    <div class="icon icon-chat"></div>
    <div class="icon icon-user" onclick="window.location.href='serveServer.html'"></div>
</div>
<!--主体-->
<div class="ub">
    <!--左侧菜单-->
    <div class="nav">
        <div class="ub ub-ac navItem">
            <div><img src="img/zuhe.png"></div>
            <div>组合</div>
            <div class="ub-f ub ub-pe"><img src="img/angle.png"></div>
        </div>
        <ul>
            <li><a href="stockPool.html">股票池</a></li>
            <li><a href="operateStrategy.html">操作策略</a></li>
        </ul>
        <div class="ub ub-ac navItem">
            <div><img src="img/fuwu.png"></div>
            <div>服务</div>
            <div class="ub-f ub ub-pe"><img src="img/angle.png"></div>
        </div>
        <ul>
            <li><a href="serveTeacher.html">我要找老师</a></li>
            <li><a href="serveServer.html">我要找客服</a></li>
            <li><a href="serverMade.html">我要去定制</a></li>
        </ul>
        <div class="ub ub-ac navItem active">
            <div><img src="img/zhanghu.png"></div>
            <div>我的账户</div>
            <div class="ub-f ub ub-pe"><img src="img/angle.png"></div>
        </div>
        <ul>
            <li><a href="myOrder.html">我的订单</a></li>
            <li class="active"><a>我要升级VIP</a></li>
            <li><a href="msgNotify.html">消息通知</a></li>
            <li><a href="wxSever.html">微信服务</a></li>
        </ul>
        <div class="ub ub-ac navItem">
            <div><img src="img/kefu.png"></div>
            <div>我的客服</div>
            <div class="ub-f ub ub-pe"><img src="img/angle.png"></div>
        </div>
        <div style="padding-top: 15px;">
            <div class="ub ub-ac ub-pc">
                <img src="img/src/serverPic.png">
            </div>
            <div class="ub ub-ac ub-pc severInfo">
                张颖&nbsp;&nbsp;工号（8384）
            </div>
            <div class="ub ub-ac ub-pc severInfo">
                服务热线：025-962155
            </div>
        </div>
    </div>
    <!--正体-->
    <div class="container ub-f ub ub-ver">
        <!--欢迎-->
        <div class="userWe areaBC margin-b">
            <span class="text-warn">13*****647</span> 下午好，欢迎来到天鼎投资！<br>
            <img src="img/bell.png">我们已经为您服务了<span class="text-warn">30</span>天，还有<span
                class="text-warn">50</span>天到期，若对我们的服务还满意，请立即续费，以免错过最佳投资时机。
            <div class="renew">立即续费</div>
        </div>
        <div class="ub">
            <!--正体左 文章-->
            <div class="containL ub ub-ver">
                <!--文章题栏-->
                <div class="margin-b areaBC titleLine ub ub-ac">
                    <div class="titleIco"><img src="img/VIP.png"></div>
                    <span>我要升级VIP</span>
                </div>
            </div>
            <!-- 正体右 咨询-->
            <div class="containR ub ub-ver">
                <div class="divImg tLan"><img src="img/src/summon.png"></div>
            </div>
        </div>

        <div class="divImg marL" style="margin-right: 80px;cursor: pointer;" onclick="upVIP();"><img
                src="img/src/summonBig.png"></div>
    </div>
</div>
<!--底部-->
<div class="footer"></div>

<div id="fixedCallW" style="display: none" onclick="noVIP();">
    <div class="divImg" id="fixedCall"><img src="img/src/summonCall.png"></div>
</div>


<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript">
    function upVIP() {
        $('#fixedCallW').css('display', 'block');
    }
    function noVIP() {
        $('#fixedCallW').css('display', 'none');
    }
</script>
</body>
</html>